.searchlist { height: 100%; background: #f8f8f8; }

.searchlist .top { background: #fff; display: flex; justify-content: space-between; padding: 0px 10px; height: 44px; line-height: 44px; font-size: 16px; color: #333; }

.searchlist .top .right .iconfont { font-size: 22px; color: #333; }

.searchlist .tabs { background-color: #fff; height: 40px; }

.searchlist .tabs .adm-tabs-tab-line { background-color: #ff8f5c; }

.searchlist .tabs .adm-tabs-tab-active { color: #ff8f5c; }

.searchlist .tabs .adm-tabs-content { padding: 0; }

.searchlist .tabs .goods-page { padding: 0 12px; background-color: #fff; }

.searchlist .tabs .goods-page .page-relate-list { background-color: #fff; }

.searchlist .tabs .goods-page .page-relate-list ul li { width: 350px; border-bottom: 1px solid #e1e1e1; padding-bottom: 8px; margin-top: 8px; display: flex; }

.searchlist .tabs .goods-page .page-relate-list ul li .red { color: #ff8f5c; }

.searchlist .tabs .goods-page .page-relate-list ul li .img { margin-top: 1px; width: 106px; height: 88px; position: relative; }

.searchlist .tabs .goods-page .page-relate-list ul li .img img { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom; }

.searchlist .tabs .goods-page .page-relate-list ul li .img .ico { position: absolute; z-index: 5; width: 20px; height: 20px; background-image: url(http://pub.szzhangchu.com/web/v4.2/images/ico/ico-play.png); left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; background-size: cover; display: inline-block; vertical-align: middle; }

.searchlist .tabs .goods-page .page-relate-list ul li .text { margin-left: 10px; width: 240px; }

.searchlist .tabs .goods-page .page-relate-list ul li .text h6 { margin-top: 2px; font-size: 13px; color: #50493e; }

.searchlist .tabs .goods-page .page-relate-list ul li .text .txt { margin: 4px 0; overflow: hidden; height: 16px; line-height: 16px; color: #a3a3a3; font-size: 11px; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.searchlist .tabs .goods-page .page-relate-list ul li .text .bar { color: #5d5d5d; }

.searchlist .tabs .goods-page .page-relate-list ul li .text .bar .rows { height: 18px; line-height: 18px; margin-top: 5px; }

.searchlist .tabs .goods-page .page-relate-list ul li .text .bar .rows .icon { width: 14px; height: 14px; vertical-align: top; display: inline-block; background-size: cover; }

.searchlist .tabs .goods-page .page-relate-list ul li .text .bar .rows .line { margin: 0 16px; height: 12px; background-color: #bfbfbf; width: 1px; display: inline-block; vertical-align: top; margin-top: 2px; }

.searchlist .tabs .goods-page .page-relate-list ul li .text .bar .rows .icon-cook { background-image: url(http://pub.szzhangchu.com/web/v4.2/images/ico/ico-cook-level.png); }

.searchlist .tabs .goods-page .page-relate-list ul li .text .bar .rows .icon-taste { background-image: url(http://pub.szzhangchu.com/web/v4.2/images/ico/ico-taste.png); }

.searchlist .tabs .goods-page .page-relate-list ul li .text .bar .rows .icon-time { background-image: url(http://pub.szzhangchu.com/web/v4.2/images/ico/ico-time.png); }

.searchlist .tabs .food { padding: 0 12px; }

.searchlist .tabs .food .img { width: 100%; height: 210px; position: relative; margin-bottom: 15px; }

.searchlist .tabs .food .img img { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom; }

.searchlist .tabs .food .img .name { position: absolute; bottom: 10px; left: 10px; font-size: 16px; color: #fff; z-index: 5; }

.searchlist .tabs .food .img .icon { position: absolute; bottom: 6px; right: 6px; z-index: 5; width: 40px; background-image: url(http://pub.szzhangchu.com/web/v4.2/images/ico/ico-play.png); background-size: cover; display: inline-block; vertical-align: middle; height: 40px; }

.searchlist .tabs .food .img .bg { width: 100%; height: 40px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%); position: absolute; bottom: 0px; right: 0; z-index: 1; }

.searchlist .tabs .recommend { padding: 0 12px; }

.searchlist .tabs .recommend ul li .img { width: 100%; height: 200px; }

.searchlist .tabs .recommend ul li .img img { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom; }

.searchlist .tabs .recommend ul li .detail { padding: 14px; position: relative; height: 68px; box-sizing: border-box; }

.searchlist .tabs .recommend ul li .detail .title { display: inline-block; color: #464646; font-size: 14px; height: 16px; line-height: 16px; width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.searchlist .tabs .recommend ul li .detail .img { width: 52px; height: 52px; border-radius: 50%; position: absolute; right: 14px; top: -26px; }

.searchlist .tabs .recommend ul li .detail .img img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; vertical-align: bottom; }

.searchlist .tabs .recommend ul li .detail .album { margin-top: 5px; color: #a0a0a0; font-size: 12px; display: flex; justify-content: space-between; }

.searchlist .tabs .recommend ul li .detail .album .name { width: 60px; text-align: center; }
